<template>
  <el-breadcrumb separator="/">
    <template v-for="item in breadcrumbs" :key="item.name">
      <el-breadcrumb-item>
        <el-link :to="{ path: item.path }">{{ item.name }}</el-link>
      </el-breadcrumb-item>
    </template>
  </el-breadcrumb>
</template>

<script lang="ts">
import { defineComponent, PropType } from "vue"
import { IBreadcrumb } from "./type"
export default defineComponent({
  props: {
    breadcrumbs: Array as PropType<IBreadcrumb[]>,
    default: []
  },
  setup() {
    return {}
  }
})
</script>

<style lang="less"></style>
